.top {
  position: fixed;
  top: 0;
  z-index: 9;
  background: #f5f5f5;
}
.top .header {
  font-size: 0;
}
.top .header img {
  width: 100vw;
}
.top .search-nav {
  display: flex;
  height: 0.88rem;
  padding: 0.146667rem 0;
}
.top .search-nav .logo {
  width: 1.386667rem;
}
.top .search-nav .logo a {
  height: 100%;
  margin: 0 auto;
  display: block;
  background: url(../images/logo.png) no-repeat center;
  background-size: 0.6667rem;
}
.top .search-nav .search {
  display: flex;
  flex: 1;
  background: #fff;
  border: 0.04rem solid #ccc;
  border-radius: 0.08rem;
  color: #a2a2a2;
  align-items: center;
}
.top .search-nav .search span {
  width: 0.853333rem;
  text-align: center;
}
.top .search-nav .search input {
  font-size: 0.426667rem;
}
.top .search-nav .search input::placeholder {
  color: #a2a2a2;
}
.top .search-nav .icon-dibutubiao_wode {
  font-size: 0.48rem;
  width: 1.386667rem;
  line-height: 0.88rem;
  text-align: center;
}
.top .nav {
  height: 0.826667rem;
  display: flex;
}
.top .nav nav {
  flex: 1;
}
.top .nav nav ul {
  display: flex;
  justify-content: space-around;
}
.top .nav nav ul li {
  height: 0.773333rem;
  line-height: 0.773333rem;
  font-size: 0.373333rem;
  color: #747474;
}
.top .nav nav ul li:first-child {
  color: red;
  border-bottom: 0.05rem solid red;
}
.top .nav .icon-down {
  width: 0.933333rem;
  margin-left: 0.226667rem;
  font-size: 0.42rem;
  color: #bdbdbd;
  text-align: center;
  line-height: 0.773333rem;
}
.swiper {
  position: relative;
  width: 100vw;
  margin-top: 3.3466667rem;
  overflow: hidden;
}
.swiper ul {
  display: flex;
  width: 400vw;
  animation: animate 9s infinite;
}
.swiper ol {
  position: absolute;
  left: 50%;
  bottom: 0.293333rem;
  width: 1.333333rem;
  height: 0.266667rem;
  transform: translateX(-50%);
  background-color: #fff;
  border-radius: 0.133333rem;
}
@keyframes animate {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(0);
  }
  33% {
    transform: translateX(-100vw);
  }
  58% {
    transform: translateX(-100vw);
  }
  66% {
    transform: translateX(-200vw);
  }
  92% {
    transform: translateX(-200vw);
  }
  100% {
    transform: translateX(-300vw);
  }
}
.icon-list {
  width: 100vw;
  border-top: 0.04rem solid #ccc;
}
.icon-list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.icon-list ul li img {
  width: 2rem;
}
.red-bag ul {
  display: flex;
}
.hot-shop {
  display: flex;
  overflow: hidden;
}
.hot-shop .left-box {
  flex: 1;
  margin-right: 0.1rem;
}
.hot-shop .right-box {
  display: flex;
  flex-direction: column;
  flex: 1;
  box-sizing: border-box;
}
.hot-shop .right-box .top-box {
  flex: 1;
  margin-bottom: 0.1rem;
}
.hot-shop .right-box .bottom-box {
  flex: 1;
}
.xiaomi10_note8 {
  margin-top: 0.3rem;
}
.xiaomi10_note8 .xiaomi10 {
  margin-bottom: 0.3rem;
}
.Phone {
  padding-top: 0.25rem;
  background: #fff;
}
.TV {
  margin-top: 0.25rem;
  background: #fff;
}
.Notebook {
  margin-top: 0.25rem;
  background: #fff;
}
.water {
  margin-top: 0.25rem;
  background: #fff;
}
.watch {
  background: #fff;
}
.list-items .items {
  background: #fff;
}
.list-items .items ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.list-items .items ul li {
  width: 49.7vw;
}
.aboutMi {
  height: 1.06rem;
}
.footer-text {
  text-align: center;
  color: #ccc;
  font-size: 0.3rem;
}
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 1.386667rem;
  background: #fff;
  color: #999;
}
.footer ul {
  display: flex;
}
.footer ul li {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.32rem;
  height: 100%;
  flex: 1;
  text-align: center;
  justify-content: center;
}
.footer ul li:first-child {
  color: red;
}
.footer ul li i {
  width: 100%;
  margin-top: 0.1rem;
  font-size: 0.556667rem;
}
.footer ul li span {
  margin-top: 0.15rem;
}
